    /*初始化*/
*{
    padding: 0;
    margin: 0;
}
/*初始化*/
/*最外层盒子*/
.box{
    width:100%;
    height:50px;
    background-color: #313131;
}
/*最外层盒子*/
/*内容部分*/
.head{
    display: flex;
    width:1296px;
    margin: 0 auto;
}
/*logo*/
.logo::after {
    background-image: url("http://img.zaozuo.com/0d5cff465aa25cb7ca1e54fd8b1ba285");
    background-repeat: no-repeat;
    display: inline-block;
    width: 21px;
    height: 21px;
    content: "";
    background-size:cover;
    margin-left: 60px;
    margin-top: 15px;
}
/*logo*/
/*导航栏部分*/
.top-nav{
    position: relative;
}
.top-nav ul li:nth-child(1){
    margin-left: 20px;
}
.top-nav ul li{
    height: 45px;
    list-style: none;
    display: inline-block;
    margin: 0 10px;
}
.top-right{
    text-indent: 10px;
}
.top-nav ul li a {
    text-decoration: none;
    font-size: 13px;
    color: #fff;
    line-height: 50px;
}
.top-nav ul li:hover {
    border-bottom: 1px solid #fff;
}
/*login部分*/
.top-nav1{
    position: absolute;
    top: -1px;
    right:-100px;
}
.top-nav1 li{
    border: none !important;
}
.login{
    position: relative;
    padding: 0 15px;
}
.login a  img{
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 14px auto;
    position: absolute;
}
.login a img:nth-child(2){
    opacity: 0;
}
.login a:hover img:nth-child(2){
    opacity: 1;
}
/*login部分*/
/*导航栏部分*/
/*内容部分*/
/*导航栏部分*/
.top-nav{
    position: relative;
}
.top-nav ul li:nth-child(1){
    margin-left: 20px;
}
.top-nav ul li{
    height: 45px;
    list-style: none;
    display: inline-block;
    margin: 0 10px;
}
.top-right{
    text-indent: 10px;
}
.top-nav ul li a {
    text-decoration: none;
    font-size: 13px;
    color: #fff;
    line-height: 50px;
    font-weight: 400;
}
.top-nav ul li:hover {
    border-bottom: 1px solid #fff;
}
/*login部分*/
.top-nav1{
    position: absolute;
    top: -1px;
    right:-100px;
}
.top-nav1 li{
    border: none !important;
}
.login{
    position: relative;
    padding: 0 15px;
}
.login a  img{
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 14px auto;
    position: absolute;
}
.login a img:nth-child(2){
    opacity: 0;
}
.login a:hover img:nth-child(2){
    opacity: 1;
}
/*login部分*/
/*导航栏部分*/
.nav-down{
    position:absolute;
    height:0;
    top: 50px;
    width:1296px;
    background: rgba(49,49,49,.95);
    left: -85px;
    opacity: 0;
    transition: all .2s cubic-bezier(0,0,.75,.47);
    overflow: hidden;
}
.nav-down .nav-font {
    text-align: center;
}
.nav-font{
    overflow: hidden;
    transition: all .1s initial;
}
.nav-font a{
    font-size: 12px !important;
    padding: 0 20px;
    color: #d2d2d2 !important;
    font-weight: 400!important;
}
.nav-font a:hover{
    color: #fff!important;
}
.nav:hover .nav-down{
    opacity: 1;
    height: 50px;
}
/*内容部分*/
